﻿(function(){
var module = {
	version : "0.0.5",
	url : "http://vuzzle.googlecode.com/svn/release/usermodules/sidebar.js",
	updateUrl : "http://vuzzle.googlecode.com/svn/release/usermodules/versions/sidebar.version",
	name : "sidebar",
	title : "ТяниЛевоеМеню",
	description : "Левое меню вКонтакте можно перетягивать на новое место. Меню приклеено к экрану.",
	author : "<a href='http://vkontakte.ru/club19013663'>VuzzleDev Team</a>",
	depends : [],
	settings : {
		left : {
			text : "Левая координата",
			type : "input:int",
			value : -1,
			title : "Положение менюшки относительно левой границы в пикселях"
		},
		top : {
			text : "Верхняя координата",
			type : "input:int",
			value : -1,
			title : "Положение менюшки относительно верхней границы в пикселях"
		},
		makeWider :{
			text: "Расширять страницу ?",
			type : "checkbox",
			value : true,
			title : "Надо ли расширять страницы контакта при отцепленном меню ?"
		}
	},
	onApplySettings : function() {
		//called when user applyes new settings
	},
	onUninstall : function() {
		// called when user presses Uninstall button
	},
	savePosition : function(){
		vu.data.save("modules.sidebar.left",$sidebar.offset().left - $window.scrollLeft());
		vu.data.save("modules.sidebar.top",$sidebar.offset().top - $window.scrollTop());
		
		if (module.settings.makeWider.value){
			if ($sidebar.offset().left < 130){
				$("#page_body").width(760);
				$(".wide_column").width(527);
			} else {
				$("#page_body").width(631);
				$(".wide_column").width(397);
			}
		}
	},
	$sidebar : null,
	init : function() {
		$("#side_back_link").remove();
	
		if (this.settings.makeWider.value && this.settings.left.value < 130){
			if ($("#page_body").width() > 700){
				vu.ui.addStyle("#page_body {width: 896px !important;}")
			} else {
				vu.ui.addStyle("#page_body {width: 760px !important} .wide_column {width:527px !important} #pageBody {width: 760px !important} .postBody{width:527px !important} ")
			}
		}
		$sidebar = $("#side_bar, #sideBar");
		var $handle = $("<div/>").css({
			"border-radius" : "6px 6px 0px 0px",
			"-moz-border-radius" : "6px 6px 0px 0px",
			height: 14,
			lineHeight: "14px",
			cursor: "move",
			color: "#ffffff",
			fontWeight: "bold",
			textAlign: "center",
			opacity : 0,
			backgroundImage: "url(\""+vu.resources.images.slashBgOrange+"\")",
			borderBottom: "1px dashed #aaaaaa"
		});
  					
		$handle.hover(function(){$handle.css("opacity",1)}, function(){$handle.css("opacity", 0)});
		$sidebar.find("ol").prepend($handle);
		$handle.text("Тянуть тут!")
		
		var _el = new vu.ui.Draggable({element: $sidebar, handler:$handle, position: "fixed", onStop : module.savePosition});
		
		if (this.settings.left.value >= 0){
			$sidebar.css("left",this.settings.left.value);
		}
		
		if (this.settings.top.value >= 0){
			$sidebar.css("top", this.settings.top.value);
		}
	}
}
return module;
})();